<template>
  <div>
    <BaseForm
      ref="searchForm"
      type="search"
      v-model:items="formItems"
      v-model:form="searchParams"
      @search="handleSearch"
    >
    </BaseForm>
    <BaseTable
      ref="baseTable"
      :getTableDataFn="basicConfigService.pageListGridAreaResDto"
      :searchParams="searchParams"
    >
      <el-table-column prop="mangementName" label="关联网格经理" />
      <el-table-column prop="wxGroupName" label="虚拟号码" />
      <el-table-column prop="wxGroupName" label="消息发送时间" />
      <el-table-column
        prop="wxGroupName"
        label="消息发送内容"
        show-overflow-tooltip
      />

      <el-table-column prop="wxUserName" label="回复客户昵称" />
      <el-table-column prop="wxCode" label="客户微信号" />
      <el-table-column prop="wxUserId" label="客户微信ID" />
      <el-table-column prop="areaName" label="客户发送时间" />
      <el-table-column prop="2" label="客户消息内容" show-overflow-tooltip />
    </BaseTable>
  </div>
</template>

<script setup lang="ts">
import { basicConfigService } from '@/api/basicConfig'
import openMsgBox from '@/hooks/messageBox.js'
import { commonService } from '@/api/common'
import { powerService } from '@/api/power'
import { lineService } from '@/api/line'

const formItems = ref([
  {
    name: '姓名',
    key: 'typeId',
    type: 'input',
  },
  {
    name: '虚拟号码',
    key: 'opinionKey',
    clearable: true,
    type: 'input',
  },
])
const searchParams = ref({
  typeId: '',
  opinionKey: '',
})
const baseTable = ref(null)
const handleSearch = (data = { sort: undefined }, e = '') => {
  setTimeout(() => {
    baseTable.value.handleSearch({
      ...searchParams.value,
    })
  })
}

onMounted(() => {})
</script>

<style lang="less" scoped></style>
